//import 'package:flutter/cupertino.dart';
//import 'package:flutter/gestures.dart';
//import 'package:flutter/material.dart';
//import 'package:flutter/services.dart';
//import 'package:flutter_screenutil/flutter_screenutil.dart';
//import 'package:loxen/api/http_util.dart';
//import 'package:loxen/viewmode/base_view_model.dart';
//import 'package:loxen/viewmode/login_view_model.dart';
//import 'package:loxen/widget/loading_widget.dart';
//import 'package:provider/provider.dart';
//
//import 'clear_text_field.dart';
//import 'my_raised_button.dart';
//
//class LoginWidget extends StatefulWidget {
//  @override
//  _LoginWidgetState createState() => _LoginWidgetState();
//}
//
//class _LoginWidgetState extends State<LoginWidget> {
//  ClearTextField password;
//  ClearTextField userName;
//  FocusScopeNode _focusScopeNode;
//
//  var _scaffoldkey = GlobalKey<ScaffoldState>();
//
//  Widget _getPwd() {
//    password = ClearTextField(
//      expandButton: Container(
//        child: InkWell(
//          onTap: () {
//            print("点击");
//          },
//          child: Text(
//            '忘记密码？',
//            textDirection: TextDirection.ltr,
//            style: TextStyle(
//              fontSize: 20.sp,
//              color: Color(0xFF82868e),
//            ),
//          ),
//        ),
//      ),
//      inputStyle: TextStyle(fontSize: 26.sp, color: Colors.black),
//      hint: '密码',
//      onClick: () {
//        password.myNode.unfocus();
//        userName.myNode.unfocus();
//        context
//            .read<LoginViewModel>()
//            .login(userName.myController.text, password.myController.text);
//      },
//      isPassword: true,
//      clear: Icon(Icons.close, color: Colors.grey, size: 15),
//    );
//    return password;
//  }
//
//  Widget _getUserName() {
//    userName = ClearTextField(
//      inputStyle: TextStyle(fontSize: 26.sp, color: Colors.black),
//      hint: '手机号',
//      keyboardType: TextInputType.phone,
//      inputFormatters: [
//        WhitelistingTextInputFormatter(RegExp(r"[0-9]")),
//        LengthLimitingTextInputFormatter(11)
//      ],
//      onClick: () {
//        if (_focusScopeNode != null && password != null) {
//          userName.myNode.unfocus();
//          _focusScopeNode.requestFocus(password.myNode);
//        }
//      },
//      action: TextInputAction.next,
//      clear: Icon(Icons.close, color: Colors.grey, size: 15),
//    );
//    return userName;
//  }
//
//  @override
//  void initState() {
//    _getPwd();
//    _getUserName();
//    super.initState();
//  }
//
//  @override
//  Widget build(BuildContext context) {
//    TapGestureRecognizer xieyi = TapGestureRecognizer();
//    xieyi.onTap = () {
//      //TODO 用户服务协议点击回调
//    };
//    TapGestureRecognizer yinsi = TapGestureRecognizer();
//    yinsi.onTap = () {
//      //TODO 用户隐私政策点击回调
//    };
//    _focusScopeNode = FocusScope.of(context);
//    context.watch<LoginViewModel>().callBack = CallBack(() {
//      Navigator.pop(context);
//    }, (error) {
//      String str = error.toString();
//      if (error is ServiceException) {
//        StringBuffer buffer = StringBuffer();
//        var data = error.userMessage['mobile'];
//        if (data != null) {
//          buffer.writeln("用户名:$data");
//        }
//        data = error.userMessage['password'];
//        if (data != null) {
//          buffer.writeln("密码:$data");
//        }
//        str = buffer.toString();
//      }
//      _scaffoldkey.currentState.showSnackBar(SnackBar(
//        content: Text(str),
//      ));
//    });
//    return Scaffold(
//        key: _scaffoldkey,
//        resizeToAvoidBottomPadding: false,
//        appBar: PreferredSize(
//          preferredSize: Size(double.infinity, 95.h),
//          child: Container(
//            color: Theme.of(context).primaryColor,
//            child: SafeArea(
//              child: Row(
//                children: <Widget>[
//                  IconButton(
//                    onPressed: () {
//                      Navigator.pop(context);
//                    },
//                    icon: Icon(
//                      Icons.arrow_back_ios,
//                      size: 30.w,
//                      color: Colors.white,
//                    ),
//                  ),
//                  Expanded(
//                    child: Center(
//                      child: Text(
//                        '快速登录',
//                        style: TextStyle(fontSize: 31.sp, color: Colors.white),
//                      ),
//                    ),
//                  ),
//                  IconButton(
//                      icon: Text(
//                        '',
//                        style: TextStyle(color: Colors.white, fontSize: 31.sp),
//                      ),
//                      onPressed: null)
//                ],
//              ),
//            ),
//          ),
//        ),
//        body: Stack(
//          children: <Widget>[
//            Container(
//                padding: EdgeInsets.only(left: 98.w, right: 98.w, top: 122.h),
//                child: Column(
//                  crossAxisAlignment: CrossAxisAlignment.start,
//                  children: <Widget>[
//                    Text('登录/注册',
//                        style: TextStyle(
//                            fontSize: 45.sp, fontWeight: FontWeight.bold)),
//                    Padding(
//                      padding: EdgeInsets.only(top: 50.h),
//                      child: userName,
//                    ),
//                    Padding(
//                      padding: EdgeInsets.only(top: 50.h),
//                      child: password,
//                    ),
//                    Expanded(
//                      child: Column(
//                        children: <Widget>[
//                          Padding(
//                              padding: EdgeInsets.only(top: 110.h),
//                              child: Stack(children: <Widget>[
//                                Align(
//                                  alignment: Alignment.topLeft,
//                                  child: MyRaisedButton(
//                                    click: () {
//                                      password.myNode.unfocus();
//                                      userName.myNode.unfocus();
//                                      Provider.of<LoginViewModel>(context,
//                                              listen: false)
//                                          .login(userName.myController.text,
//                                              password.myController.text);
//                                    },
//                                    child: Text(
//                                      '登录',
//                                      style: TextStyle(
//                                        fontSize: 28.sp,
//                                        color: Colors.white,
//                                      ),
//                                    ),
//                                    width: 200.w,
//                                    height: 80.h,
//                                  ),
//                                ),
//                                Align(
//                                  alignment: Alignment.topRight,
//                                  child: MyRaisedButton(
//                                    click: () {
//                                      //TODO 注册
//                                    },
//                                    child: Text(
//                                      '注册',
//                                      style: TextStyle(
//                                        fontSize: 28.sp,
//                                        color: Colors.white,
//                                      ),
//                                    ),
//                                    width: 200.w,
//                                    height: 80.h,
//                                  ),
//                                ),
//                              ])),
//                          Padding(
//                            padding: EdgeInsets.only(top: 200.h),
//                            child: Column(
//                              children: <Widget>[
//                                Text(
//                                  '- 第三方登录 -',
//                                  style: TextStyle(
//                                      fontSize: 26.sp,
//                                      color: Color(0xFF82868E)),
//                                ),
//                                Padding(
//                                    padding: EdgeInsets.only(top: 51.h),
//                                    child: Row(
//                                      mainAxisAlignment:
//                                          MainAxisAlignment.spaceAround,
//                                      children: <Widget>[
//                                        IconButton(
//                                            icon: Image.asset(
//                                              'images/wechat.png',
//                                              width: 60.h,
//                                              height: 60.h,
//                                            ),
//                                            onPressed: () {
//                                              //TODO 微信登录
//                                            })
//                                      ],
//                                    )),
//                              ],
//                            ),
//                          )
//                        ],
//                      ),
//                    )
//                  ],
//                )),
//            Align(
//              alignment: Alignment.bottomCenter,
//              child: Padding(
//                padding: EdgeInsets.only(bottom: 68.h),
//                child: RichText(
//                  text: TextSpan(children: [
//                    TextSpan(
//                        text: '登录即同意LOXEN的',
//                        style: TextStyle(
//                            fontSize: 22.sp, color: Color(0xFFA0A0A0))),
//                    TextSpan(
//                      text: '《用户服务协议》',
//                      recognizer: xieyi,
//                      style:
//                          TextStyle(fontSize: 22.sp, color: Color(0xFF0CABCB)),
//                    ),
//                    TextSpan(
//                        text: '与',
//                        style: TextStyle(
//                            fontSize: 22.sp, color: Color(0xFFA0A0A0))),
//                    TextSpan(
//                        text: '《隐私政策》',
//                        recognizer: yinsi,
//                        style: TextStyle(
//                            fontSize: 22.sp, color: Color(0xFF0CABCB))),
//                  ]),
//                ),
//              ),
//            ),
//            Selector<LoginViewModel, BaseState>(
//                builder: (_, state, __) {
//                  if (state == BaseState.LOADING) {
//                    return LoadingWidget();
//                  }
//                  return Text('');
//                },
//                selector: (_, model) => model.mState)
//          ],
//        ));
//  }
//}
